<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员中心</title>
    <link rel="stylesheet" href="./lib/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./lib/slide2.css">
    <link rel="stylesheet" href="./lib/slide2 index.css">
    <link rel="stylesheet" href="./css/Member.css">
</head>

<body>

    <!-- 头 -->
    <div class="head">
        <div class="core">
            <div class="loc fl texcen">
                <img src="./imgs/logobox.png" alt="">
                <span class="f30 cf">会员中心</span>
            </div>
            <p class="fl">legochina.cn</p>
            <p class="fr">欢迎光临 <span>乐购</span>，请 <a> 登陆</a>\<a>注册</a></p>
        </div>
    </div>
    <div class="vipTop">
        <a class="greet f30 c6">乐我所乐，我的VIP！</a>
        <div class="vipMenu dib f20 c6">
            <a class="on">首页</a>
            <a>我的订单</a>
            <a>会员特权</a>
        </div>
    </div>

    <!-- banner -->
    <div class="bannerBox">
        <header>
            <div class="banner">
                <div id="slide3d" class="slide-carousel slide-3d">
                    <!-- 左边 -->
                    <div class="bannerLeft">
                        <p class="bf60 f18 cf">会员每日特权</p>
                        <ul>
                            <li>
                                <div class="c4d fl">
                                    <h3 class="f20">天天领乐豆</h3>
                                    <p>每天可领 <span class="cf4"> 15 </span> 乐豆</p>
                                    <p>每天10：00-21：00</p>
                                </div>
                            </li>
                            <li>
                                <div class="c4d fl">
                                    <h3 class="f20">大乐豆</h3>
                                    <p>100乐豆</p>
                                    <p>赢iPhone</p>
                                </div>
                            </li>
                            <li>
                                <div class="c4d fl">
                                    <h3 class="f20">会员PLUS</h3>
                                    <p>开放体验 </p>
                                    <p>尊享权限</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 右边 -->
                    <div class="bannerRight">
                        <p>
                            <img src="./imgs/hyzx2.png" alt="" class="fl">
                            <a class="f14">立即登录</a><br>
                            <a class="f12">查看你的特权</a>
                        </p>
                        <p>
                            <img src="./imgs/hyzx3.png" alt="">
                            <span>我的乐豆： --</span>
                        </p>
                        <p>
                            <img src="./imgs/hyzx4.png" alt="">
                            <span>我的优惠券： --</span>
                        </p>
                        <p>
                            <img src="./imgs/hyzx5.png" alt="">
                        </p>
                        <p class="texcen">请登陆查看</p>
                        <p>
                            <img src="./imgs/hyzx6.png" alt="">
                        </p>
                        <p class="texcen">请登陆查看</p>
                    </div>
                    <ul class="item-list clearfix">
                        <li class="item0">
                            <div class="item-content">
                                <a href="javascript:void(0);">
                                    <img class="cover-img" src="./imgs/b8.jpg" alt="">
                                </a>
                            </div>
                        </li>
                        <li class="item1">
                            <div class="item-content">
                                <a href="javascript:void(0);">
                                    <img class="cover-img" src="./imgs/b7.jpg" alt="">
                                </a>
                            </div>
                        </li>
                        <li class="item2">
                            <div class="item-content">
                                <a href="javascript:void(0);">
                                    <img class="cover-img" src="./imgs/b6.jpg" alt="">
                                </a>
                            </div>
                        </li>
                        <li class="item3">
                            <div class="item-content">
                                <a href="javascript:void(0);">
                                    <img class="cover-img" src="./imgs/b4.jpg" alt="">
                                </a>
                            </div>
                        </li>
                        <li class="item4">
                            <div class="item-content">
                                <a href="javascript:void(0);">
                                    <img class="cover-img" src="./imgs/b5.jpg" alt="">
                                </a>
                            </div>
                        </li>
                        <li class="item5">
                            <div class="item-content">
                                <a href="javascript:void(0);">
                                    <img class="cover-img" src="./imgs/b4.jpg" alt="">
                                </a>
                            </div>
                        </li>
                        <li class="item6">
                            <div class="item-content">
                                <a href="javascript:void(0);">
                                    <img class="cover-img" src="./imgs/hyzx1.png" alt="">
                                </a>
                            </div>
                        </li>
                    </ul>
                    <!--indicators-->
                    <div class="indicator-list">
                        <a href="javascript:void(0);" data-slide-index="0" class="selected"></a>
                        <a href="javascript:void(0);" data-slide-index="1"></a>
                        <a href="javascript:void(0);" data-slide-index="2"></a>
                        <a href="javascript:void(0);" data-slide-index="3"></a>
                        <a href="javascript:void(0);" data-slide-index="4"></a>
                        <a href="javascript:void(0);" data-slide-index="5"></a>
                        <a href="javascript:void(0);" data-slide-index="6"></a>
                    </div>
                    <!--controls-->
                    <div class="controls">
                        <a class="item-prev glyphicon glyphicon-menu-left" href="javascript:void(0);">&lt;</a>
                        <a class="item-next glyphicon glyphicon-menu-right" href="javascript:void(0);">&gt;</a>
                    </div>
                </div>
            </div>
        </header>
    </div>


    <div class="vehicle">
        <ul class="core">
            <li>
                <h3 class="f22">PLUS专享</h3>
                <p>20元现金卡</p>
            </li>
            <li>
                <h3 class="f22">乐购任务</h3>
                <p>限时任务 领取</p>
            </li>
            <li>
                <h3 class="f22">勋章馆</h3>
                <p>家居家装用户</p>
            </li>
            <li>
                <h3 class="f22">PLUS大礼包</h3>
                <p>入会送150现金券</p>
            </li>
        </ul>
    </div>

    <div class="core">
        <!-- 兑换券 -->
        <div class="ticket">
            <div class="ticketTop">
                <p>
                    <span class="bf60 cf f22 dib texcen">1F&emsp;乐豆兑换券</span>
                </p>
            </div>
            <ul>
                <script>
                    for (let i = 0; i < 10; i++) {
                        document.write(`
                        <li>
                            <img src="./imgs/index06_11.jpg" alt="">
                            <div class="texcen">
                                <span class="fl">限量</span>
                                <p>乐购旗舰店</p>
                                <p class="f20 cf4">减50<span class="f14">满200元可用</span></p>
                                <button class="cf bf60">15乐豆兑换</button>
                            </div>
                        </li>
                        `)
                    }
                </script>
            </ul>
            <img src="./imgs/vivo.jpg" alt="" class="vivo">
        </div>

        <!-- 会员特价 -->
        <div class="offer">
            <div class="ticket">
                <div class="ticketTop">
                    <p>
                        <span class="bf60 cf f22 dib texcen">2F&emsp;会员特价</span>
                    </p>
                </div>
                <ul class="clearfix">
                    <script>
                        for (let i = 0; i < 10; i++) {
                            document.write(`
                            <li>
                                <button class="ofbtn bf60 f18 cf din">加入购物车</button>
                                <img src="./imgs/index06_11.jpg" alt="">
                                <div class="texcen">
                                    <span class="fl">会员特价</span>
                                    <p>乐购旗舰店</p>
                                    <p class="f20 cf4">减50<span class="f14">满200元可用</span></p>
                                    <button class="cf bf60">15乐豆兑换</button>
                                </div>
                            </li>
                        `)
                        }
                    </script>
                </ul>
            </div>
        </div>


        <!-- 会员特权 -->
        <div class="privilege">
            <div class="ticketTop">
                <p>
                    <span class="bf60 cf f22 dib texcen">3F&emsp;会员特权</span>
                </p>
            </div>
            <ul class="clearfix">
                <li>
                    <img src="./imgs/t1.png" alt="">
                    <h3 class="f24">首汽约车 &emsp; 完美体验！</h3>
                    <p class="f16">价值20元现金卡，快来抢</p>
                </li>
                <li>
                    <img src="./imgs/t2.png" alt="">
                    <h3 class="f24">酒仙网 &emsp; 10乐豆抢鸡尾酒！</h3>
                    <p class="f16">抢兑鸡尾酒，超值体验</p>
                </li>
                <li>
                    <img src="./imgs/t3.png" alt="">
                    <h3 class="f24">山口山战战记</h3>
                    <p class="f16">PLUS特权礼拜  698宝石送不停！</p>
                </li>
            </ul>
        </div>

        <img src="./imgs/mssj_03.png" alt="">

        <!-- 版心小尾巴 -->
    </div>


    <!-- 底部 -->
    <div class="bottom tto">
        <div class="after core">
            <img src="./imgs/222_11.png" alt="">
            <img src="./imgs/222_13(1).png" alt="">
            <img src="./imgs/222_17.png" alt="">
            <img src="./imgs/222_15.png" alt="">
        </div>
        <!-- 下面 -->
        <div class="core">
            <ul class="guide c3">
                <li>购物指南</li>
                <li>支付方式</li>
                <li>订单服务</li>
                <li>退换货</li>
                <li>商家服务</li>
                <li>购物流程</li>
                <li>货到付款</li>
                <li>订单配送查询</li>
                <li>退换货政策</li>
                <li>商家中心</li>
                <li>发票制度</li>
                <li>网上支付</li>
                <li>订单状态说明</li>
                <li>自助退款查询</li>
                <li>运营服务</li>
                <li>账户管理</li>
                <li>礼品卡支付</li>
                <li>自助取消订单</li>
                <li>退换货进度查询</li>
                <li>加入尾页品汇</li>
                <li>会员优惠</li>
                <li>银行转账</li>
                <li>自主修改订单</li>
                <li>退款方式和时间</li>
            </ul>

            <img src="./imgs/logo_00.png" alt="" class="imgg fr">
            <div class="tail c3">
                <p>公司简介 &emsp; | &emsp; Investor &emsp;Relations &emsp; | &emsp; 网站联盟 &emsp; | &emsp; 乐购招商 &emsp; |
                    &emsp;
                    机构销售 &emsp; | &emsp; 手机乐购 &emsp; | &emsp; 官方Blog &emsp; |&emsp; 热词搜索</p>
                <p>Copyright &emsp;(C)&emsp;乐购网&emsp;2004-2016,&emsp;All&emsp;Rights&emsp;Reserved</p>
            </div>
        </div>
    </div>


    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/slide2.min.js"></script>
    <script src="./js/Member.js"></script>

</body>

</html>